<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>case.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery-3.1.0.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
	
		$(function(){
			//显示
			$("#a").click(function(){
				//$("div").show();
				//滑动
				//$("div").slideDown(3000);
				//淡入淡出
				$("div").fadeIn(3000);
			})
			
			//隐藏
			$("#b").click(function(){
				//$("div").hide();
				//$("div").sliedeUp(3000);
				$("div").fadeOut(3000);
			})
			
		})	
	</script>
  </head>
  <body>
  	<div ><img src="as.jpg"/></div>
  	<input id="a" type="button" value="显示"/>
  	<input id="b" type="button" value="隐藏"/>
  </body>
</html>
